@import './modules/reset';
@import './modules/header';
@import './modules/footer';

.register{
	width:100%;
	height:550px;
	background-color:#F5F5F5;
	overflow: hidden;
	.box{
		width:350px;
		height:500px;
		margin:50px auto;
		h3{
			font-size: 20px;
			color:#666666;
			text-align: center;
			line-height:70px;
		}
		form{
			height:150px;
			position: relative;
			input{
				width:100%;
				height:40px;
				border:1px solid #ccc;
				padding:0 20px;
				outline: none;
				border-radius: 3px;
			}
			input:nth-child(1){
				padding-left:60px;
				background-color: #F5F5F5;
			}
			input.pwd{
				margin-top:30px;
			}
			span{
				float: left;
				width:50px;
				height:38px;
				border-right: 1px solid #ccc;
				background: url(/images/china.png) no-repeat center center white;
				background-size: 30px 20px;
				position: absolute;
				top:1px;
				left:1px;
			}
			p{
				font-size: 12px;
				height:40px;
				padding: 0 10px;
				line-height: 40px;
			}
		}
		.promise{
			float: left;
			width:270px;
			font-size: 12px;
			text-align: center;
			color:#666;
			background-color: #F5F5F5;
			position:relative;
			left:10%;
			top:50px;
			padding:0 20px;
			a{
				color:#337AB7;
				&:hover{
					text-decoration: underline;
				}
			}
		}
		.submit{
			width:100%;
			height:40px;
			margin-top:80px;
			background-color:#DD4A68;
			border:none;
			outline: none;
			border-radius: 3px;
			&:hover{
				background-color: #D43F3A;
				transition:all 1s;
				}
		}
		.login{
			float: left;
			width:100%;
			height:50px;
			font-size: 14px;
			line-height:50px;
			color:#337AB7;
			text-align: center;
		}
	}
}